@import '../common/_common.scss';

.good_comment
{
    font-size: 14px;
    line-height: 1.5;

    overflow: hidden;

    width: 1150px;
    margin: 0 auto 20px;
    padding: 20px 20px 0;

    background-color: #fff;
    @at-root
    {
        .comment_item
        {
            overflow: hidden;

            margin-bottom: 20px;
            // 商品信息区
            .comment_item_good
            {
                float: left;
                overflow: hidden;

                width: 430px;

                text-indent: 1px;
            }
            // 评论内容区
            .comment_item_content
            {
                margin-left: 470px;
            }
        }

        .comment_item_good
        {
            img
            {
                float: left;

                width: 120px;
                height: 120px;

                border: 1px solid #f4f4f4;
            }
            .comment_good_info
            {
                margin-left: 160px;
                h5
                {
                    font-weight: normal;

                    margin: 10px 0;

                    color: #333;
                }
                p
                {
                    color: #999;
                }
            }
        }

        // 正常评论样式
        .comment_item_content
        {
            textarea
            {
                overflow: auto;

                width: 658px;
                height: 80px;
                padding: 10px;

                resize: none;

                color: #333;
                border: 1px solid #cbcbcb;
                outline: none;
                background-color: #fff;
            }
            .disabled
            {
                background-color: #f0f0f0;
            }
            .error
            {
                border-color: #e51c23;
            }
            .error_message
            {
                color: #e51c23;
            }
            .comment_operation
            {
                margin-top: 15px;
            }
            // "按钮"禁用效果
            .disabled_button
            {
                line-height: 30px;

                width: 100px;
                height: 30px;
                margin-right: 10px;

                cursor: default;
                text-align: center;

                color: #999;
                border: 1px solid #fff;
                background-color: #f0f0f0;

                @include inline_block;
            }
            // 按钮默认效果
            button
            {
                width: 100px;
                height: 30px;
                margin-right: 10px;

                cursor: pointer;
                text-align: center;

                color: #03a9f4;
                border: 1px solid #03a9f4;
                outline: none;
                background-color: #fff;
            }
            span
            {
                vertical-align: middle;
            }
            .comment_warn
            {
                width: 15px;
                height: 15px;
                margin-right: 5px;

                vertical-align: middle;

                background-image: url('../../img/warn_small.png');
                background-repeat: no-repeat;

                @include inline_block;
            }
            .comment_content
            {
                margin: 10px 0 0 20px;

                color: #333;
            }
            .comment_reply
            {
                margin: 20px 0 0 20px;
                padding: 20px;

                background-color: #f0f0f0;
                &:before,
                before
                {
                    font-family: xms;
                    font-size: 25px;

                    position: absolute;

                    margin-top: -40px;
                    margin-left: 15px;

                    content: '▲';

                    color: #f0f0f0;
                    @media \0screen\,screen\9
                    {
                        margin-top: -43px;
                    }
                }
            }
        }
    }
}

::-webkit-input-placeholder
{
    color: #999;
    font-size: 14px;
}
:-ms-input-placeholder
{
    color: #999;
    font-size: 14px;
}
::-ms-input-placeholder
{
    color: #999;
    font-size: 14px;
}
:-moz-placeholder
{
    color: #999;
    font-size: 14px;
}
::-moz-placeholder
{
    color: #999;
    font-size: 14px;
}


.comment_item_content button{
    color: #dba400;
    border-color:#dab400;
}
.comment_item_content .error{
    border-color:#ff0000;
}
.comment_item_content .error_message{
    color: #ff0000;
}
.comment_item_content .disabled_button{
    color: #ccc;
}





